﻿@charset "utf-8";
/* CSS Document */
html,body {height:100%;}
html { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size:100%; }
body { font-size: 14px; line-height:1.5em; color: #333333; overflow-x: hidden; -webkit-overflow-scrolling: touch; background:#EEE url(http://0d077ef9e74d8.cdn.sohucs.com/qqjawwf_png) left top no-repeat; background-size:cover;}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,label,legend,figure,blockquote{ margin:0; padding:0;}
ul,ol,li{ list-style:none;}
p{zoom:1;}
em,cite,i{ font-style:normal;}
ins{text-decoration: none;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a,a:hover,a:active,a:focus,button,input{outline:none;}
img{ border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width:100%;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
label{ cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, label, textarea {margin: 0; vertical-align: baseline; *vertical-align: middle;outline:none;font-family:inherit; font-size:inherit; line-height:inherit;display:inline-block;padding:2px 4px;}
button, input {line-height: normal;}
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0;}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input{ line-height:normal}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:none; cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }td, th{ padding: 0; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #CCC; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #CCC; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #CCC; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
small{ font-weight:normal;}h1,h1 small{font-size:24px;}h2,h2 small{font-size:22px;}h3,h3 small{font-size:16px;}h4,h4 small{font-size:14px;}h5,h5 small{font-size:12px;}
.itext{border:1px solid #DDD; width:120px; height:24px; line-height:24px;color:#A9A9A9; font-family:Arial, Helvetica, sans-serif; background:#FCFCFC;}
.itext:focus{ color:#555;}
/*=====================（外包围布局）=====================*/
.wrap{ width:100%; max-width:480px; min-width:320px; margin:0 auto; overflow:hidden;}
.left{}.right{}
.bh,.bh body{overflow:hidden;}
/*=====================（遮罩）======================*/
.sFix{ display:none; z-index:888;}
.fixMask{ position:fixed;left:0;right:0; top:0; width:100%; height:100%; margin:0 auto; background-color:#0F4B64;-moz-opacity:0.95;-khtml-opacity:0.95;opacity:0.95; z-index:88;}
/*=======================（触摸滑块）=======================*/
/*.swiper-container { clear:both; width:100%; overflow:hidden;text-align: center; background-color:rgba(0, 0, 0, 0.5);position:relative;}
.green-slide {background: #FFF;}
.pink-slide {background: #FFF;}
.swiper-slide{ width:100%;text-align:center;}
.swiper-slide img{ width:100%;}
.swiper-pagination-switch {display: inline-block;width:10px;height:10px;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;background: #888;margin:0 5px;opacity: 0.8;cursor: pointer;}
.swiper-visible-switch {background: #FFF;}
.swiper-active-switch {background:#FFF;}
.pagination {position: absolute;width:100%;text-align:center;left:0;bottom:3px;}*/
/*=======================（按钮类）=======================*/
.btn {
background-color: #E5E5E5;display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;*display: inline;
height: 30px;line-height: 30px;padding: 0px 20px;font-size: 12px;font-family: Helvetica,Arial,"宋体",sans-serif;color: #666;
margin: 0;text-decoration: none;text-align: center;cursor:pointer;text-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; 
-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;
box-sizing:content-box;
}
.btn:hover { color:#888; background-color:#EEE; border-color:#EEE;}
.btn:active {-webkit-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.3);box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.3);}
input.btn, button.btn {height:32px;*padding:0 4px;*line-height:27px;}
.flat{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0; }
/*--------------------（green）--------------------*/
.green{ color:#FFF; background-color:#7CBE00; border: 1px solid #7CBE00; text-shadow:0 1px 0 rgba(90, 130, 0, 0.3);}
.green:hover{ color:#FFF; background-color:#8FCF00; border-color:#8FCF00;}
/*greenGrad*/
.greenGrad{
	color:#FFF;
	border-color:#6FA100;
	background-color:#7CBE00;
	text-shadow:0 1px 0 rgba(90, 130, 0, 0.3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #88CC00), color-stop(100%, #6C9D00));
	background: -webkit-linear-gradient(top, #88CC00, #6C9D00);
	background: -moz-linear-gradient(top, #88CC00, #6C9D00);
	background: -o-linear-gradient(top, #88CC00, #6C9D00);
	background: linear-gradient(top, #88CC00, #6C9D00);
}
.greenGrad:hover{
	color:#FFF;
	border-color:#84BC00;
	background-color:#8FCF00;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #A0E400), color-stop(100%, #75A600));
	background: -webkit-linear-gradient(top, #A0E400, #75A600);
	background: -moz-linear-gradient(top, #A0E400, #75A600);
	background: -o-linear-gradient(top, #A0E400, #75A600);
	background: linear-gradient(top, #A0E400, #75A600);
}
/*--------------------（orange）--------------------*/
.orange{ color:#FFF; background-color:#FF9A0D; border: 1px solid #FF9A0D; text-shadow:0 1px 0 rgba(170, 100, 0, 0.3);}
.orange:hover{ color:#FFF; background-color:#FFAC38; border-color:#F99C1C;}
/*orangeGrad*/
.orangeGrad{
	color:#FFF;
	border-color:#E58606;
	background-color:#F18D05;
	text-shadow:0 1px 0 rgba(170, 100, 0, 0.3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFAC2D), color-stop(100%, #E48505));
	background: -webkit-linear-gradient(top, #FFAC2D, #E48505);
	background: -moz-linear-gradient(top, #FFAC2D, #E48505);
	background: -o-linear-gradient(top, #FFAC2D, #E48505);
	background: linear-gradient(top, #FFAC2D, #E48505);
}
.orangeGrad:hover{
	color:#FFF;
	border-color:#F99C1C;
	background-color:#FF9E0B;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FFC12D), color-stop(100%, #EA8B0A));
	background: -webkit-linear-gradient(top, #FFC12D, #EA8B0A);
	background: -moz-linear-gradient(top, #FFC12D, #EA8B0A);
	background: -o-linear-gradient(top, #FFC12D, #EA8B0A);
	background: linear-gradient(top, #FFC12D, #EA8B0A);
}
/*--------------------（blue）--------------------*/
.blue{ 
    color:#FFF; 
       /*background-color:#f66;
       border: 1px solid #f66;*/ 
  display: inline-block;
   background: url(/zhekou/dl/img/my_blue_icon01.png) center no-repeat;
    background-size: cover;
       text-shadow:0 1px 0 rgba(0, 110, 150, 0.3);}
.blue:hover{ color:#FFF; background-color:#f66; border-color:#f66;}
/*blueGrad*/
.blueGrad{
	color:#FFF;
	border-color:#0097D1;
	background-color:#00A3E0;
	text-shadow:0 1px 0 rgba(0, 110, 150, 0.3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00B9FF), color-stop(100%, #0096CF));
	background: -webkit-linear-gradient(top, #00B9FF, #0096CF);
	background: -moz-linear-gradient(top, #00B9FF, #0096CF);
	background: -o-linear-gradient(top, #00B9FF, #0096CF);
	background: linear-gradient(top, #00B9FF, #0096CF);
}
.blueGrad:hover{
	color:#FFF;
	border-color:#0096CF;
	background-color:#00B2F5;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3CCAFF), color-stop(100%, #0096CF));
	background: -webkit-linear-gradient(top, #3CCAFF, #0096CF);
	background: -moz-linear-gradient(top, #3CCAFF, #0096CF);
	background: -o-linear-gradient(top, #3CCAFF, #0096CF);
	background: linear-gradient(top, #3CCAFF, #0096CF);
}
/*--------------------（gray）--------------------*/
.gray{ color:#FFF; background-color:#CCCCCC; border: 1px solid #CCCCCC; text-shadow:0 1px 0 rgba(110, 110, 110, 0.3);}
.gray:hover{ color:#FFF; background-color:#BBBBBB; border-color:#BBBBBB;}
/*blueGrad*/
.grayGrad{
	color:#FFF;
	border-color:#BBBBBB;
	background-color:#C5C5C5;
	text-shadow:0 1px 0 rgba(100, 100, 100, 0.3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #DDDDDD), color-stop(100%, #B5B5B5));
	background: -webkit-linear-gradient(top, #DDDDDD, #B5B5B5);
	background: -moz-linear-gradient(top, #DDDDDD, #B5B5B5);
	background: -o-linear-gradient(top, #DDDDDD, #B5B5B5);
	background: linear-gradient(top, #DDDDDD, #B5B5B5);
}
.grayGrad:hover{
	color:#FFF;
	border-color:#AAAAAA;
	background-color:#B5B5B5;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #CCCCCC), color-stop(100%, #AAAAAA));
	background: -webkit-linear-gradient(top, #CCCCCC, #AAAAAA);
	background: -moz-linear-gradient(top, #CCCCCC, #AAAAAA);
	background: -o-linear-gradient(top, #CCCCCC, #AAAAAA);
	background: linear-gradient(top, #CCCCCC, #AAAAAA);
}
/*--------------------red--------------------*/
.red{ color:#FFF; background-color:#E54028; border: 1px solid #E54028; text-shadow:0 1px 0 rgba(100, 30, 10, 0.3);}
.red:hover{ color:#FFF; background-color:#EA6653; border-color:#EA6653;}
/*blueGrad*/
.redGrad{
	color:#FFF;
	border-color:#E54028;
	background-color:#E54028;
	text-shadow:0 1px 0 rgba(100, 100, 100, 0.3);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #E9624E), color-stop(100%, #D9321A));
	background: -webkit-linear-gradient(top, #E9624E, #D9321A);
	background: -moz-linear-gradient(top, #E9624E, #D9321A);
	background: -o-linear-gradient(top, #E9624E, #D9321A);
	background: linear-gradient(top, #E9624E, #D9321A);
}
.redGrad:hover{
	color:#FFF;
	border-color:#E74F39;
	background-color:#EA6653;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FF826B), color-stop(100%, #D9321A));
	background: -webkit-linear-gradient(top, #FF826B, #D9321A);
	background: -moz-linear-gradient(top, #FF826B, #D9321A);
	background: -o-linear-gradient(top, #FF826B, #D9321A);
	background: linear-gradient(top, #FF826B, #D9321A);
}
/*=====================(清除浮动)=====================*/
.clearfix
{zoom: 1;}
.clearfix:after
{clear: both;content: "\0020";display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/*=====================(其他)=====================*/
.animated {-webkit-animation-duration: .5s;-moz-animation-duration: .5s;-o-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both}
.animated.slideDown {-webkit-animation-name: slideDown;-moz-animation-name: slideDown;-o-animation-name: slideDown;animation-name: slideDown}
.animated.slideUp {-webkit-animation-name: slideUp;-moz-animation-name: slideUp;-o-animation-name: slideUp;animation-name: slideUp}
@-webkit-keyframes slideDown {0% {-webkit-transform: translateY(-4em)}100% {-webkit-transform: translateY(0)}}
@-moz-keyframes slideDown {0% {-moz-transform: translateY(-4em)}100% {-moz-transform: translateY(0)}}
@-o-keyframes slideDown {0% {-o-transform: translateY(-4em)}100% {-o-transform: translateY(0)}}
@keyframes slideDown {0% {transform: translateY(-4em)}100% {transform: translateY(0)}}
@-webkit-keyframes slideUp {0% {-webkit-transform: translateY(0)}100% {-webkit-transform: translateY(-4em)}}
@-moz-keyframes slideUp {0% {-moz-transform: translateY(0)}100% {-moz-transform: translateY(-4em)}}
@-o-keyframes slideUp {0% {-o-transform: translateY(0)}100% {-o-transform: translateY(-4em)}}
@keyframes slideUp {0% {transform: translateY(0)}100% {transform: translateY(-4em)}}
/*=====================(字体及图标)=====================*/



[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-drawer2:before {
	/*content: "\e800";*/
	/*content:url(/zhekou/dl/img/yqm_icon@2x.png);*/
}
.icon-drawer2{
	background:url(http://0d077ef9e74d8.cdn.sohucs.com/qqjaEbC_png) center center no-repeat;
    height: 24px;
    padding: 8px;
    width: 24px;
	background-size:16px;
}
.icon-user:before {
	/*content: "\e801";*/
}
.icon-user{
	background:url(http://0d077ef9e74d8.cdn.sohucs.com/qqjaLdT_png) center center no-repeat;
    height: 24px;
    padding: 8px;
    width: 24px;
	background-size:12px;
}
.icon-user2{
	background:url(http://0d077ef9e74d8.cdn.sohucs.com/qqjaR2H_png) center center no-repeat;
    height: 24px;
    padding: 8px;
    width: 24px;
	background-size:12px;
}
.icon-unlocked:before {
	/*content: "\e802";*/
}
.icon-unlocked{
	background:url(http://0d077ef9e74d8.cdn.sohucs.com/qqjaWz7_png) center center no-repeat;
    height: 24px;
    padding: 8px;
    width: 24px;
	background-size:12px;
}


/*=====================(底部footer)=====================*/
.footer{
	background:#fff;
	color:#7f7f7e;
	text-align:center;
	font-size:1.2rem;
	padding-bottom:5.7rem;
}
.flinks{
	border-bottom:1px solid #d6d6d6;
	margin:0 0.6rem;
}
.flinks li{
	width:25%;
	float:left;
	padding:0.5rem 0;
}
.flinks li a{
	height:2.4rem;
	line-height:2.4rem;
	display:block;
	color:#7f7f7e;
	border-right:1px solid #ebeced;
}
.flinks li:last-child a{
	border-right:none;
}
.fdevice{
	padding:20px 0 0;
}
.fdevice li{
	width:33%;
	float:left;
}
.fdevice li:nth-child(2){
	width:34%;
}
.fdevice li a{
	display:block;
	width:48px;
	height:48px;
	border-radius:50%;
	margin:0 auto 3px;
}
.fdevice li a img{
	width:48px;
}
.fdevice li.on{
	color:#00bdff;
}
.flogo{
	font-size:1.2rem;
	height:3.4rem;
	line-height:3.4rem;
}
.flogo img{
	height:30px;
}
.ttop{
	position:fixed;
	right:10px;
	bottom:5.9rem;
	z-index:1000;
	border:1px solid #999;
	border-radius:50%;
	background:#fff;
	cursor:pointer;
	padding:8px;
	width:18px;
	height:18px;
	box-sizing:content-box;
	display:none;
}
.ttop img{
	width:18px;
}
.fdown{
	height:5.7rem;
	position:fixed;
	left:0;
	bottom:0;
	z-index:999;
	width:100%;
	min-width:320px;
	background:rgba(72, 72, 72, .95);
	text-align:center;
}
.fdown a{
	display:block;
}